<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>modify</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
	
	<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/book/modifyBook.js"></script>

<style type="text/css">

body{
	/* border: 1px solid red; */
}
.main {
	border-top: 0px solid #D3D3D3;
	width: 100%;
	height: 98%;
}
.toolBar {
	position: fixed;
	z-index: 5;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: auto;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	background-color: #F3F3F3;
}
.toolBar-temp {
	height: 40px;
	width: 100%;
}
.toolBar .back {
	margin-left: 20px;
	font-size: 16px;
	font-weight: bold;
}
.content {
	border: 0px solid #D3D3D3;
	margin: 5px 5px;
/* 	height: 93%; */

}
.row div {
	border: 1px solid gray;
	height: 50px;
	line-height: 50px;
	margin: auto;
}
.left {
	padding-right: 0px;
	border: 0px solid gray;
	font-size: 16px;
	font-weight: bold;
}
#form_div {
	margin: 0px 0;
	border: 1px solid #D3D3D3;
	padding: 20px 0 10px 0;
}
/* #form_div {
	opacity:0.8;
	width:400px;
	border:1px solid #F2F2F2;
	margin-top:15%;
	padding:10px 50px 10px 50px;
	background: #F2F2F2;
	-webkit-border-radius: 10px;
} */
/* .img {
	height: 120px;
	border: 1px solid gray;
} */
img {
	width: 100px;
	height: 120px;
	margin-top: -80px;
}
hr {
	border: 1px thick #D3D3D3;
}
.warnMsg {

}
</style>
  </head>
  
<body class="body">
  <div class="main">
  	<div class="toolBar">
  		<a class="pull-left back" href="javascript:window.history.back();">back</a>
  		<span class="text-success">modify</span>
  	</div>
  	<div class="toolBar-temp"></div>
  	<div class="content" >
	  	<div class="container">
			
		<div id="form_div">
			<form class="form-horizontal" method="post" role="form" action="">
				<!-- <div id="msg" class="text-danger"></div> -->
				<div class="form-group">
					<div class="col-sm-2 control-label left">书名:</div>
					<div class="col-sm-4">
						<input id="name" name="book.name" type="text" class="form-control" value="zhangsanfengniubi" placeholder="">
					</div>
					<div class="col-sm-2 "><span id="nameWarning" class="text-danger warnMsg"></span></div>
				</div>
				<div class="form-group img">
					<div class="col-sm-2 control-label left">来源网站:</div>
					<div class="col-sm-3">
						<select id="webName" name="webName" class="form-control">
							<option value="1">伍九书城</option>
							<option value="2">百度书城</option>
							<option value="3">起点中文</option>
							<option value="4">搜狗读书</option>
							<option value="5">建华书盟</option>
						</select>
					</div>
					<div class="col-sm-2 "><span id="webNameWarning" class="text-danger"></span></div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label left">书籍目录URL:</div>
					<div class="input-group col-sm-6">
					 	<input id="catalogURL" type="text" class="form-control" value="www.59to.com/book/20034.html" placeholder="如：www.59to.com/book/20034.html" >
					 	<span class="input-group-btn">
					 		<button id="catchBtn" type="button" class="btn btn-success">
					 			<!-- <span class="glyphicon glyphicon-search"></span> --> 抓取目录
					 		</button>
					 	</span>
					 </div>
					 <div class="col-sm-2"><span id="catalogWaring" class="text-danger warnMsg"></span></div>
				</div>
				<hr>
				<div class="form-group img">
					<div class="col-sm-2 control-label left">小说类型:</div>
					<div class="col-sm-3">
						<select id="bookType" name="book.bookType" class="form-control">
							<option value="1">玄幻奇幻</option>
							<option value="2">武侠仙侠</option>
							<option value="3">都市言情</option>
							<option value="4">历史军事</option>
							<option value="5">游戏竞技</option>
							<option value="6">科幻灵异</option>
							<option value="0">其他类型</option>
						</select>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label left" >作者:</div>
					<div class="col-sm-3">
						<input id="author" name="book.author" class="form-control" type="text" value="我喜欢吃西红柿">
					</div>
					<div class="col-sm-2 "><span id="authorWarning" class="text-danger warnMsg"></span></div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label left" >图片:</div>
					<div class="col-sm-3">
						<input id="image" onchange="yulan(this);" type="file" class="form-control">
					</div>
					<div class="col-sm-2"><span id="imageWarning" class="text-danger warnMsg"></span></div>
					<div class="col-sm-2">
						<img id="previewImage" class="img-rounded" alt="图片预览" src="images/login_background2.jpg" >
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label left" >书籍简介:</div>
					<div class="col-sm-6">
						<textarea id="intro" name="book.intro" rows="4" cols="" class="form-control" >dASDFASDFSADFASDFSD</textarea>
					</div>
					<div class="col-sm-2 "><span id="introWarning" class="text-danger warnMsg"></span></div>
				</div>
				<hr>
				<div class="form-group">
					<div class="col-sm-offset-3" align="left">
						<button id="saveBtn" type="button" class="btn btn-primary">保 存</button>&nbsp;&nbsp;&nbsp;&nbsp;
						<!-- <button type="reset" class="btn btn-primary btn-sm">重 置</button> -->
					</div>
				</div>
			</form>
		</div>
		
		
	  	</div>
	  	
  	</div>
  	
  </div>
  
  
<!--居中测试代码
 <div class="pull-left" style="width: 150px;height:150px;border:1px solid gray;display: table;">
  <div class="center-block" style="width: 50px;height:50px;border:1px solid gray;display:table-cell ;vertical-align: middle;margin: auto;">
			center
	</div>
</div>
<div class="pull-left">
	<div class="centerDiv" style="width: 150px;height:150px;border:1px solid gray;">
		<div class="centerContent" style="width: 50px;height:50px;border:1px solid gray;"></div>
	</div>
</div> -->
</body>
</html>
